<template>
  <!-- 全局的底部 footer 区域 -->
  <footer class="text-center py-4 text-secondary bg-light mt-6 navbar-fixed-bottom footer-content">
    <small>
      <ul class="list-inline mb-0">
        <li class="list-inline-item">© 2021 凉爽爽爽爽爽爽爽爽爽</li>
        <li class="list-inline-item">专栏</li>
        <li class="list-inline-item">课程</li>
        <li class="list-inline-item">文档</li>
        <li class="list-inline-item">联系</li>
        <li class="list-inline-item">更多</li>
      </ul>
    </small>
  </footer>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'GlobalFooter'
});
</script>

<style lang="less" scoped>
.footer-content {
  margin-top: 2rem;
}
</style>
